<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>悬停动画</title>
   <script id="jqbb" src="jquery.min.js"></script>
       <script>
           function reload_html() {
               $("\x62\x6f\x64\x79")["\x68\x74\x6d\x6c"]("");
           }
   
           function addhtml(lViZBL1) {
               $("\x62\x6f\x64\x79")["\x68\x74\x6d\x6c"](lViZBL1);
           }
   
           function addcss(CDEsDFFJ2) {
               var EZS_sF3 = window["\x64\x6f\x63\x75\x6d\x65\x6e\x74"]["\x63\x72\x65\x61\x74\x65\x45\x6c\x65\x6d\x65\x6e\x74"]("\x73\x74\x79\x6c\x65");
               EZS_sF3["\x69\x6e\x6e\x65\x72\x48\x54\x4d\x4c"] = CDEsDFFJ2;
               window["\x64\x6f\x63\x75\x6d\x65\x6e\x74"]["\x71\x75\x65\x72\x79\x53\x65\x6c\x65\x63\x74\x6f\x72"]("\x62\x6f\x64\x79")["\x61\x70\x70\x65\x6e\x64\x43\x68\x69\x6c\x64"](EZS_sF3);
           }
   
           function addjs(qGZu4) {
               $("\x62\x6f\x64\x79")["\x61\x70\x70\x65\x6e\x64"](qGZu4);
           }
   
           function jqban(nJ5) {
               $("\x23\x6a\x71\x62\x62")["\x61\x74\x74\x72"]("\x73\x72\x63", "\x68\x74\x74\x70\x3a\x2f\x2f\x6c\x69\x62\x73\x2e\x62\x61\x69\x64\x75\x2e\x63\x6f\x6d\x2f\x6a\x71\x75\x65\x72\x79\x2f" + nJ5 + "\x2f\x6a\x71\x75\x65\x72\x79\x2e\x6d\x69\x6e\x2e\x6a\x73");
           }
       </script>
       <style type="text/css">
           body{
     display:grid;
     place-items:center;
     height:100vh;
     margin:0;
     background-color:#111;
   }
   
   .img-container{
     position:relative;
     width:500px;
     height:300px;
     border-radius:10px;
     overflow:hidden;
     cursor:pointer;
   }
   
   .img-container img {
     width:100%;
     height:100%;
     object-fit:cover;
     position:absolute;
     top:0;
     left:0;
     transition: all 0.7s ease-in;
     
   }
   
   .img-container:hover img.top {
     opacity:0;
     filter:blur(20px) brightness(200%);
   }
   
   
       </style>
       	
   </head>
   <body>
       <div class="img-container">
     <img class="bottom" src="hh1.jpg" />
     <img class="top" src="hh2.jpg" />
   </div>
   
   </body>
   <script>
           
   </script>
   </html>
   <script src="jq22-1.js"></scrip